<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<style type="text/css">
	.redStar{
		margin-right:40px;
	}
	.customID-body p {
		text-align: center;
	    line-height: 36px;
	    font-size: 14px;
	    font-family: 宋体;
	}
	#add-file i{font-style: normal;}
	.add-file-header{
		padding: 0px 5px 0px 15px;
		height: 36px;
		margin-top: -10px;
		font-size: 14px;
		line-height: 36px;
	}
	.add-file-body{
		padding: 20px 30px 0px 60px;
		overflow: visible;
	}
	.add-file-body label{
		margin-bottom: 0;
	}
	.add-file-body select{
		/* position: relative;
		left: -3px; */
	}
	.add-file-body span{
		display: inline-block;
		width: 92px;
		color: #666;
		font-family: 宋体;
		font-size: 14px;
		float: left;
		height: 30px;
		line-height: 30px;
		white-space:nowrap;
		margin-bottom: 10px;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.add-file-body td{
		padding: 7px;
		border: 0;
		position: relative;
		text-align: center;
	}
	#uploadfile {
		border: 0px;
	}
</style>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<ul class="breadcrumb">
				<li><span class="c-999">基础信息管理</span><i class="icon-angle-right"></i></li>
				<li><a class="c-666" onclick="util.showContent('pages/basic/packSerialMng.jsp')">电池ID管理</a></li>&nbsp;&nbsp;
			</ul>
		</div>
	</div>

<!-- searching box begin -->
	<div class="search-box">
		<div class="search-title">
			<span class="search-criteria c-666">&nbsp;查询条件</span>
		</div>
		<form id="pack_search_form">
		<table class="search-body" border="0" cellpadding="0" cellspacing="0" width="100%">
				<tr>
							<td align="left">
								<label class="my-label">状态：
									<select class="my-select" id="pack_status">
									</select>
								</label>
							</td>
				 </tr>
				 
		</table>
		</form>
		<ul class="search-button">
						<li>
							<button class="btn blue" id="btn_query">查&nbsp;&nbsp;询</button>
						</li>
						<li>
							<button class="btn blue" id="btn_reset">重&nbsp;&nbsp;置</button>
						</li>
		</ul>
	</div>
<!-- searching box end -->

<div class="table-con">
		<div class="table-head">
			&nbsp;&nbsp;&nbsp;<i class="icon-reorder"></i>&nbsp;列表详情
		</div>
		<div class="list-body">
			<div class="portlet-body">
				<p>
					<button class="btn blue hide" id="pack_table_add" data-toggle="modal">
						生成电池ID
					</button>
					
					<button id="pack_table_delete" class="btn red hide">
						删&nbsp;&nbsp;除
					</button>

					<button id="pack_table_create" class="btn green hide">
						自定义ID
					</button>
					<button id="pack_table_import" class="btn blue">
						批量导入ID
					</button>
				</p>
				<p class="batteryID-statistics"><span>当前未使用电池ID个数：<em class="c-blue" id="unUse_num"></em></span>&nbsp;&nbsp;
					<span>当前已使用电池ID个数：<em class="c-green" id="used_num"></em></span>&nbsp;&nbsp;
					<span>当前报废电池ID个数：<em class="c-red" id="useless_num"></em></span>
				</p>
			</div>
			<div class="table-responsive">
				<table class="table table-bordered table-striped table-hover"
					id="pack_table">
					<thead>
						<tr>
							<th class="sorting_asc_disabled" style="width:8px;"><input
								type="checkbox" class="group-checkable"
								data-set="#pack_table .checkboxes" />
							</th>
							<th>电池ID</th>
							<th>状态</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
		</div>
	</div>

<!-- 新增弹窗  begin -->
   <div id="greateID" class="modal hide fade" tabindex="-1" data-focus-on="input:first">
		<div class="modal-header greateID-header bg-green c-bold c-fff">
			生成电池ID
		</div>
			
				<div class="modal-body greateID-body">
				<form action="" id="createID_form">
					<p class="c-666" style="margin:;position:relative;">请输入生成电池ID个数：<input class="m-wrap" data-tabindex="1" type="text" id="pack_num"
					 name="pack_num" class="m-wrap" maxLength='4'></p>
				 </form>
				</div>
			
		<div class="modal-footer al-center bg-fff">
			<button type="button" class="btn green" style="margin-right: 25px;" id="form_pack_save">确定生成</button>
			<button type="button" data-dismiss="modal" class="btn red" id="form_btn_close">取消</button>
		</div>
	</div>

	<div id="customID" class="modal hide fade" tabindex="-1" data-focus-on="input:first">
		<div class="modal-header customID-header bg-green c-bold c-fff">
			生成电池ID
		</div>
			
				<div class="modal-body customID-body">
				<form action="" id="customID_form">
					<p class="c-666" style="margin:;position:relative;">请输入电池ID：<input class="m-wrap" data-tabindex="1" type="text" id="pack_code"
					 name="pack_code" class="m-wrap" maxLength='20'></p>
				 </form>
				</div>
			
		<div class="modal-footer al-center bg-fff">
			<button type="button" class="btn green" style="margin-right: 25px;" id="btn_save">确定生成</button>
			<button type="button" data-dismiss="modal" class="btn red" id="btn_close">取消</button>
		</div>
	</div>

	<!--上传文件-->
	<div id="add-file" class="modal hide fade" tabindex="-1" data-focus-on="input:first">
		<div class="modal-header add-file-header bg-green c-bold c-fff">
			<span id="file_add_title">上传文件</span>
		</div>
		<div class="modal-body add-file-body">
			<form action="main/wo/upload2.mvc" enctype="multipart/form-data" method="post" id="file_form">
				<table class="table">
					<input type="hidden" id="woId" name="woId" value=""/>
					<tr>
						<td>
							<input type="file" name="uploadfile" id="uploadfile"/>  
						</td>
					</tr>
				</table>
			</form>
		</div>
		<div class="modal-footer al-center bg-fff">
			<button type="button"  class="btn blue" style="margin-right: 25px;" id="form_file_download">下载导入模板</button>
			<button type="button"  class="btn green" style="margin-right: 25px;" id="form_file_save">上传</button>
			<button type="button" data-dismiss="modal" class="btn red" id="form_btn_close">取消</button>
		</div>
	</div>	
</div>
<!-- 新增弹窗  end -->
<!-- 模态窗口 str -->
<jsp:include page="/pages/common/modal.jsp"></jsp:include>
<script type="text/javascript" src="script/jquery/js/ajaxfileupload.js"></script>
<script type="text/javascript" src="pages/basic/js/packSerialMng.js"></script>
<script src="media/js/ui-modals.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function() {
		TableEditable.init();
		UIModals.init();
	});
</script>

